<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
<title></title>
<include file="public/wx_share" />
<link rel="stylesheet" type="text/css" href="__STATIC__/css/cellar/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="__STATIC__/css/cellar/style-cj.css"/>
<link rel="stylesheet" href="__STATIC__/css/cellar/public_fontsize.css" />
<script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>
</head>
<body>
<div class="main">
  <div class="banner"><img src="/public/images/dial/banner.png"/></div>

      <div class="title2 fs_xxl">
      	<ul>
      		<li class="active">抽奖记录</li>
      		<li>我的记录</li>
      	</ul>
      </div>
       <div class="item" style="overflow: hidden;height:240px;width:100%;">
       <div class="list1 active">
       		<volist name="dial_record" id="vo">
	            <div class="l1">
	           		<div class="p1 fs_m">{$vo.mobile}</div>
	                <div class="p1 fs_m">{$vo.desc}</div>
	                <div class="p2 fs_s">{$vo.add_time|date="Y.m.d H:i",###}</div>   
	            </div>
         	</volist>
        </div>
        <div class="list1">
       		<volist name="my_dial_record" id="vo">
	            <div class="l1">
	           		<div class="p1 fs_m">{$vo.mobile}</div>
	                <div class="p1 fs_m">{$vo.desc}</div>
	                <div class="p2 fs_s">{$vo.add_time|date="Y.m.d H:i",###}</div>   
	            </div>
         	</volist>
        </div>
        </div>
        <div class="title3" style="margin-top: 20px;">*温馨提示：中奖后，实物奖品将于次日发放，现金红包和酒币立即到账。</div>
        <a href="{:U('/mobile/index/dial')}" class="bt1">返&nbsp;回</a>
    </div>
  	<script>
			function autoScroll(obj) {
				var liH = $(obj).find(".l1").height();
				var linum=$(obj).find(".l1").length;
				if(linum>=20){
					$(obj).find(".list1").animate({
					marginTop: "-30px"
				}, 400, function() {
					$(this).css({
						marginTop: "0px"
					}).find(".l1:first").appendTo(this);
				})
				}
			}
			$(function() {
				setInterval('autoScroll(".item")', 800);
				$(".title2 li").click(function () {
        			$(".title2 li").removeClass("active").eq($(".title2 li").index(this)).addClass("active");
        			$(".list1").hide().eq($('.title2 li').index(this)).show();
    			});

			})
		</script>
  
</body>
</html>